<!--
 * @Description: 
 * @Autor: Bingo
 * @Date: 2023-06-14 16:47:58
 * @LastEditors: Bingo
 * @LastEditTime: 2023-06-16 14:38:52
-->
<template>
	<a-modal :visible="visible" :confirm-loading="confirmLoading" @cancel="handleCancel" width="15%" :title="title">
		<div v-for="item in ColumnList" :key="item.dataIndex">
			<a-checkbox :checked="item.checked" disabled /><span style="margin-left:10px;">{{
				typeof item.title == 'string' ? item.title : typeof item.title == 'function' ? item.title() : ''
			}}</span>
		</div>
		<template slot="footer">
			<a-button key="back" @click="handleCancel"> 关闭 </a-button>
		</template>
	</a-modal>
</template>
<script>
export default {
	name: 'ShowSelectColMd',
	data() {
		return {
			ColumnList: [],
			visible: false,
			confirmLoading: false,
			title: ''
		};
	},
	methods: {
		show(record) {
			this.ColumnList = JSON.parse(record.setContent);
			this.title = record.title + '详情';
			this.visible = true;
		},
		close() {
			this.ColumnList = [];
			this.title = '';
			this.visible = false;
		},
		handleOk() {
			this.visible = false;
		},
		handleCancel() {
			this.visible = false;
		}
	}
};
</script>
<style scoped lang="less"></style>
